<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../../docs-assets/ico/favicon.png">
    <!-- Bootstrap core CSS -->
    <link href="../css/smoothness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet">
      <link href="../css/jquery.dataTables.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
    <script src="../js/jquery-1.10.2.js"></script>
    <script src="../js/jquery-ui-1.10.4.custom.min.js"></script>
      <script src="../js/jquery.dataTables.min.js"></script>
      <script src="../js/main.js"></script>
      <style>
  </style>
  <script>
  $(function() { 
      $('#calendarList').dataTable({
        "language": {
            "url":"../js/dataTable_zh.json"
        }
        
      });
      
      
      $("#btnsearch").button();
      $( "#datefrom,#dateto" ).datepicker();
     
  }
   
  
   
   );
  </script>
  </head>
  <body> 
      <div class="list">
          <table  width="100%">
              <tr>
                  <td>
                      <label>通知发布时间：</label>
                      <input type="text" id="datefrom" /><label>至</label>
                      <input type="text" id="dateto" />
                      <button  id="btnsearch">查询</button>
                  </td>
              </tr>
          </table>
          <table id="calendarList" class="display" cellspacing="0" width="98%">
               <thead>
                    <tr>
                        <th>通知标题</th>
                        <th>发布时间</th>
                        <th>发布者</th>
                        <th>详细类容</th>
                    </tr>
                </thead>

                <tfoot>
                    <tr>
                        <th>日程名称</th>
                        <th>发布时间</th>
                        <th>发布者</th>
                        <th>详细类容</th>
                    </tr>
                </tfoot>

                <tbody>
                    <tr>
                        <td>生产安全大会</td>
                        <td>2014/04/04</td>
                        <td>张三</td>
                        <td><a href="#">详细</a></td>
                    </tr>
                    <tr>
                        <td>生产安全大会</td>
                        <td>2014/04/04</td>
                        <td>张三</td>
                        <td><a href="#">详细</a></td>
                    </tr>
                    <tr>
                        <td>生产安全大会</td>
                        <td>2014/04/04</td>
                        <td>张三</td>
                        <td><a href="#">详细</a></td>
                    </tr>
                    <tr>
                        <td>生产安全大会</td>
                        <td>2014/04/04</td>
                        <td>张三</td>
                        <td><a href="#">详细</a></td>
                    </tr>
                    <tr>
                        <td>生产安全大会</td>
                        <td>2014/04/04</td>
                        <td>张三</td>
                        <td><a href="#">详细</a></td>
                    </tr>
                    <tr>
                        <td>生产安全大会</td>
                        <td>2014/04/04</td>
                        <td>张三</td>
                        <td><a href="#">详细</a></td>
                    </tr>
                    <tr>
                        <td>生产安全大会</td>
                        <td>2014/04/04</td>
                        <td>张三</td>
                        <td><a href="#">详细</a></td>
                    </tr>
                    <tr>
                        <td>生产安全大会</td>
                        <td>2014/04/04</td>
                        <td>张三</td>
                        <td><a href="#">详细</a></td>
                    </tr>
                    <tr>
                        <td>生产安全大会</td>
                        <td>2014/04/04</td>
                        <td>张三</td>
                        <td><a href="#">详细</a></td>
                    </tr>
                    <tr>
                        <td>生产安全大会</td>
                        <td>2014/04/04</td>
                        <td>张三</td>
                        <td><a href="#">详细</a></td>
                    </tr>
                    <tr>
                        <td>生产安全大会</td>
                        <td>2014/04/04</td>
                        <td>张三</td>
                        <td><a href="#">详细</a></td>
                    </tr>
                    <tr>
                        <td>生产安全大会</td>
                        <td>2014/04/04</td>
                        <td>张三</td>
                        <td><a href="#">详细</a></td>
                    </tr>
                    <tr>
                        <td>生产安全大会</td>
                        <td>2014/04/04</td>
                        <td>张三</td>
                        <td><a href="#">详细</a></td>
                    </tr>
                    <tr>
                        <td>生产安全大会</td>
                        <td>2014/04/04</td>
                        <td>张三</td>
                        <td><a href="#">详细</a></td>
                    </tr>
                    <tr>
                        <td>生产安全大会</td>
                        <td>2014/04/04</td>
                        <td>张三</td>
                        <td><a href="#">详细</a></td>
                    </tr>
                </tbody>
          </table>
      </div>
  </body>
</html>